import React, { memo, Fragment } from "react";
import "./index.scss";
import { footerLinks,footerImages } from "common/local-data.js";
// 因为 中间内容多 所以会把这个往下面撑的 
export default memo(function WYAppFooter() {
  return (
    <footer className="wrap-v2 footer">
      {/* 左边 */}
      <div className="left">
        {/* 1 */}
        <div className="link">
          {footerLinks.map((item) => {
            return (
              <Fragment key={item.title}>
                <a href={item.link} target="_blank" rel="noopener noreferrer">
                  {item.title}
                </a>
                <span className="line">|</span>
              </Fragment>
            );
          })}
        </div>
        {/* 2 */}
        <div className="copyright">
          <span>网易公司版权所有©1997-2020</span>
          <span>
            杭州乐读科技有限公司运营：
            <a
              href="https://p1.music.126.net/Mos9LTpl6kYt6YTutA6gjg==/109951164248627501.png"
              rel="noopener noreferrer"
              target="_blank"
            >
              浙网文[2018]3506-263号
            </a>
          </span>
        </div>
        {/* 3 */}
        <div className="report">
          <span>违法和不良信息举报电话：0571-89853516</span>
          <span>
            举报邮箱：
            <a
              href="mailto:ncm5990@163.com"
              target="_blank"
              rel="noopener noreferrer"
            >
              ncm5990@163.com
            </a>
          </span>
        </div>
        {/* 4 */}
        <div className="info">
          <span>粤B2-20090191-18</span>
          <a
            href="http://www.beian.miit.gov.cn/publish/query/indexFirst.action"
            rel="noopener noreferrer"
            target="_blank"
          >
            工业和信息化部备案管理系统网站
          </a>
        </div>
      </div>

      {/* 右边 */}
      <div className="right">
          {
              footerImages.map(item=>(
                  <Fragment key={item.link}>
                    <div className='item'>
                    <a className="link" href={item.link} rel="noopener noreferrer" target="_blank"> </a>
                <span className="title">{item.title}</span>
                    </div>
                  </Fragment>
              ))
          }
      </div>
    </footer>
  );
});
